.moment {
  float: right;
  padding: 2px 1vw 0 0;
  font-size: 15px;
  color: #83accc;
}
.moment_ {
  float: right;
  padding: 2px 1vw 0 0;

  font-size: 12px;
}
.weather_style {
  float: left;
}
.system_name {
  position: absolute;
  top: 24px;
  margin-left: 195px;
  // width: 100%;
  font-size: 28px;
  letter-spacing: 7px;
  background-image: -webkit-linear-gradient(
    bottom,
    // rgb(115, 167, 202),
    rgb(49, 192, 228),
    #cad7f0
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.system_name_ {
  position: absolute;
  top: 28px;
  margin-left: 43px;

  // width: 100%;
  font-size: 20px;
  letter-spacing: 7px;
  background-image: -webkit-linear-gradient(
    bottom,
    // rgb(115, 167, 202),
    rgb(49, 192, 228),
    #cad7f0
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
//cavansline布局
.div_entryn_name {
  background-color: rgb(46, 69, 114);
  height: 44px;
  width: 100%;
}
@media screen and (min-width: 1000px) {
  .system_name {
    position: absolute;
    top: 24px;
    margin-left: 335px;
    // width: 100%;
    font-size: 28px;
    letter-spacing: 7px;
    background-image: -webkit-linear-gradient(
      bottom,
      // rgb(115, 167, 202),
      rgb(49, 192, 228),
      #cad7f0
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
